<template>
    <div style="height: 500px">
        <h2>发现猎头内容区域</h2>
        <el-button type="text" @click="dialogVisible = true">点击打开 Dialog</el-button>

        <el-dialog
                title="提示"
                :visible.sync="dialogVisible"
                width="80%"
                style="height: 500px"
                :before-close="handleClose">

<!--            <iframe ref="pdfCotainer" :src="pathFile" width="100%" height="100%"></iframe>-->

            <span>这是一段信息</span>
            <span slot="footer" class="dialog-footer">
            <el-button @click="dialogVisible = false">取 消</el-button>
            <el-button type="primary" @click="dialogVisible = false">确 定</el-button>
      </span>
        </el-dialog>

    </div>
</template>

<script>

    export default {
        name: "searchheadhunting-content",
        components:{
        },
        data(){
            return{
                //pathFile:'D:\\我的文档\\demo.pdf',
                pathFile:'https://liepin-application.oss-cn-beijing.aliyuncs.com/demo.pdf?Expires=1647478019&OSSAccessKeyId=TMP.3KkDEo5vCLXnq7tyVVTrNJKKFH8fTmhnEF9gPEJQL5wj6ais529Fik5QdsjQWKm6qRmsqzNsQZqBPi1koKNRjnNUmiDDu2&Signature=go2Q6HupeTjCOAtVsAnvRjml4sE%3D',
                pdfPage: 1,
                pdfPageCount: 1,
                dialogVisible: false
            }
        },
        methods:{
            changeFrameHeight() {
                let pdfCotainer = this.$refs.pdfCotainer;
                pdfCotainer.height = document.documentElement.clientHeight;
            },
            handleClose(done) {
                this.$confirm('确认关闭？')
                    .then(_ => {
                        done();
                    })
                    .catch(_ => {});
            }
        }
    }
</script>

<style>

</style>
